import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 导入 Vant 组件库
import Vant, { Lazyload } from 'vant'
import 'vant/lib/index.less'
import 'amfe-flexible'

// 导入 dayjs 的核心模块
import dayjs from 'dayjs'
// 导入计算相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'
// 导入本地化的语言包
import zh from 'dayjs/locale/zh-cn'

// 配置插件
dayjs.extend(relativeTime)
// 配置语言包
dayjs.locale(zh)

const app = createApp(App)

// 为 app 实例挂载全局自定义属性
app.config.globalProperties.dateFormat = dt => {
  return dayjs().to(dt)
}

app
  .use(store)
  .use(router)
  .use(Vant)
  .use(Lazyload)
  .mount('#app')
